﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .iTitle {
            font-weight: 600;
            font-size: 16px;
            display: flex;
            width: 100%;
            align-items: center;
            margin-left: 20px;
        }
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }
            .iTitle::before {
                content: "";
                margin-right: 10px;
                display: inline-block;
                width: 4px;
                height: 20px;
                background: #0064e5;
            }
    </style>
}
<div id="PerformanceRtifyPlan" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">


            <header class="px-5 box-border ">

                <a-image :width="200"
                         :style="{ display: 'none',zIndex:100 }"
                         :preview="{visible:PerformanceRtifyPlanParams.previewShow.value,onVisibleChange:PerformanceRtifyPlanParams.setVisible}" :src="PerformanceRtifyPlanParams.imgUrl.value"></a-image>
                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceRtifyPlanParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">批准审核计划</span> </span>  </div>
                </div>
                <div class="w-full relative">
                    <a-collapse v-model:active-key="PerformanceRtifyPlanParams.activeKey.value">
                        <a-collapse-panel key="1" header="考核计划通知详情">
                            <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle">通知信息</div>
                            </div>
                            <a-form :model="PerformanceRtifyPlanParams.s4Form.value"
                                    :label-col="{ span: 4 }"
                                    ref="s4FormRule"
                                    :wrapper-col="{ span: 20 }"
                                    :rules="PerformanceRtifyPlanParams.s4FormRule.value"
                                    autocomplete="off">
                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="通知标题"
                                                     name="Title">
                                            <a-input :bordered="false" disabled placeholder="请输入通知标题" v-model:value="PerformanceRtifyPlanParams.s4Form.value.Title" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">
                                        <a-form-item label="填报时间">
                                            <a-input :bordered="false" disabled v-model:value="PerformanceRtifyPlanParams.s4Form.value.PublishTime" />
                                        </a-form-item>
                                    </a-col>
                                </a-row>


                                <a-row>

                                    <a-col :span="10">
                                        <a-form-item label="通知部门">
                                            <a-textarea :bordered="false" disabled v-model:value="PerformanceRtifyPlanParams.s4Form.value.dept"
                                                        :auto-size="{ minRows: 2, maxRows: 15 }" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">

                                    </a-col>

                                </a-row>


                                <a-row>

                                    <a-col :span="10">
                                        <a-form-item label="通知内容"
                                                     name="Content">
                                            <a-textarea disabled v-model:value="PerformanceRtifyPlanParams.s4Form.value.Content"
                                                        placeholder="请输入通知内容"
                                                        :auto-size="{ minRows: 5, maxRows: 10 }" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">

                                    </a-col>

                                </a-row>

                            </a-form>
                            <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle"> 内部审核计划信息</div>
                            </div>
                            <a-form v-if="PerformanceRtifyPlanParams.s1Form.value" :model="PerformanceRtifyPlanParams.s1Form.value"
                                    :label-col="{ span: 4 }"
                                    ref="s1FormRule"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">
                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="方案管理人员">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.CaseManageUser.UserName" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="3">
                                        <a-form-item label="电话">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.CaseManageUser.Phone" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="3">
                                        <a-form-item label="邮箱">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.CaseManageUser.Email" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="6">
                                        <a-form-item label="审核时间">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.UpdateTime" />
                                        </a-form-item>
                                    </a-col>
                                </a-row>

                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="计划类型">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.TypeId" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">
                                        <a-form-item label="受审核部门">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.DepartmentId" />
                                        </a-form-item>
                                    </a-col>
                                </a-row>
                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="办公地址">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.WorkAddress" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">
                                        <a-form-item label="生产地址">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.ProductAddress" />
                                        </a-form-item>
                                    </a-col>
                                </a-row>

                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="审核目的">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.TargetId" />
                                        </a-form-item>
                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">

                                    </a-col>
                                </a-row>

                                <a-row class="mt-10">
                                    <a-col :span="10">

                                        <a-form-item label="审核范围">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.Range" />
                                        </a-form-item>

                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">

                                    </a-col>
                                </a-row>

                                <a-row class="mt-10">
                                    <a-col :span="10">

                                        <a-form-item label="审核准则">
                                            <a-input :bordered="false" disabled placeholder="暂无数据" v-model:value="PerformanceRtifyPlanParams.s1Form.value.GuideLine" />
                                        </a-form-item>

                                    </a-col>
                                    <a-col :span="2"></a-col>
                                    <a-col :span="10">

                                    </a-col>
                                </a-row>
                                <a-row class="mt-10">
                                    <a-col :span="10">
                                        <a-form-item label="备注"
                                                     name="title">
                                            <a-textarea :bordered="false" disabled v-model:value="PerformanceRtifyPlanParams.s1Form.value.Remark"
                                                        placeholder="请输入备注"
                                                        :auto-size="{ minRows: 2, maxRows: 5 }" />
                                        </a-form-item>
                                    </a-col>

                                </a-row>
                                <a-row>

                                    <a-col :span="10">
                                        <a-form-item label="附件">
                                            <a-upload-dragger disabled v-model:file-list="PerformanceRtifyPlanParams.fileList.value"
                                                              :item-render="PerformanceRtifyPlanParams.itemRender.value"
                                                              :custom-request="()=>{}">
                                                <p class="ant-upload-text">单击或拖动文件到此区域进行上传</p>
                                                <p class="ant-upload-hint">
                                                    支持单个或批量上传
                                                </p>
                                            </a-upload-dragger>
                                        </a-form-item>
                                    </a-col>

                                </a-row>



                            </a-form>
                            <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle"> 审核组设置</div>
                            </div>
                            <template v-for="e in PerformanceRtifyPlanParams.res1.value">

                                <div style="margin-top:20px">
                                    <a-card>
                                        <template #title>
                                            <div class="w-full flex justify-between items-center">
                                                <div class="flex items-center"> <div>审核组：{{e.TeamName}}</div></div>
                                            </div>
                                        </template>

                                        <a-table :pagination="PerformanceRtifyPlanParams.pagination.value" :data-source="e.MemberList" :columns="PerformanceRtifyPlanParams.columns1.value">

                                        </a-table>
                                    </a-card>

                                </div>


                            </template>

                            <div style="margin:20px 0" class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle"> 审核日程安排</div>
                            </div>
                            <a-table style="margin: 20px;" :pagination="PerformanceRtifyPlanParams.pagination.value" :data-source="PerformanceRtifyPlanParams.dataSource2.value" :columns="PerformanceRtifyPlanParams.columns2.value">

                            </a-table>


                        </a-collapse-panel>
                        <a-collapse-panel key="2" header="批准区信息">
                            <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle">提交信息</div>

                            </div>
                            <a-form :model="PerformanceRtifyPlanParams.checkFrom.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div class="mt-10">
                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="自评人">

                                                <a-input :bordered="false" placeholder="请输入自评人" disabled v-model:value="PerformanceRtifyPlanParams.checkFrom.value.pzuserName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="提交日期">

                                                <a-input :bordered="false" placeholder="提交日期" disabled v-model:value="PerformanceRtifyPlanParams.checkFrom.value.pzcheckDate" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>

                                </div>
                            </a-form>
                            <div class="w-full h-[46px] bg-[#f6f8f8] flex items-center">
                                <div class="iTitle">审批信息</div>

                            </div>
                            <a-form :model="PerformanceRtifyPlanParams.checkFrom.value"
                                    name="basic"
                                    :label-col="{ span: 4 }"
                                    :wrapper-col="{ span: 20 }"
                                    autocomplete="off">

                                <div class="mt-10">

                                    <a-row>
                                        <a-col :span="10">
                                            <a-form-item label="考评人">
                                                <a-input :bordered="false" placeholder="" disabled v-model:value="PerformanceRtifyPlanParams.checkFrom.value.userName" />
                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">
                                            <a-form-item label="填报时间">
                                                <a-input :bordered="false" placeholder="填报时间" disabled v-model:value="PerformanceRtifyPlanParams.checkFrom.value.subTime" />
                                            </a-form-item>
                                        </a-col>
                                    </a-row>
                                    <a-row>

                                        <a-col :span="10">
                                            <a-form-item label="审核意见">
                                                <a-textarea v-model:value="PerformanceRtifyPlanParams.checkFrom.value.advice"
                                                            placeholder="请输入审核意见"
                                                            :auto-size="{ minRows: 2, maxRows: 5 }" />



                                            </a-form-item>
                                        </a-col>
                                        <a-col :span="2"></a-col>
                                        <a-col :span="10">

                                        </a-col>

                                    </a-row>
                                </div>
                            </a-form>
                            <m-bottom-btns></m-bottom-btns>
                        </a-collapse-panel>
                    </a-collapse>
                </div>
            </header>
        </a-config-provider>
        </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/rtifyPlan.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceRtifyPlan', Composition, localeValues)
    </script>
}
